<template>
<div class="app">
    <h1>{{$store.state.skin.name}}</h1>
    <router-view />
</div>
</template>
<script lang="ts">
import "@/assets/app.less";
import {
    Vue
} from "vue-property-decorator";
// import { BaseVue } from "./base-vue";

// @Component<AppComponent>({
//   components: {},
//   metaInfo() {
//     return {
//       title:
//         "中国机电产品（尼日利亚）展览会（Premium Mechatronic Brands China)",
//       link: [
//         {
//           rel: "stylesheet",
//           href:
//             "https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.1/theme-chalk/index.css"
//         },
//         { rel: "favicon", href: "favicon.ico" }
//       ],
//       // script: [
//       //   {
//       //     src: "https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.1/index.js"
//       //   }
//       // ],
//       meta: [
//         {
//           charset: "utf-8"
//         }
//       ]
//     };
//   }
// })
// export default class AppComponent extends BaseVue {
//   // /**
//   //  * 在服务器端，获取微博列表数据
//   //  */
//   public serverPrefetch() {
//     // return Promise.all([]);
//   }
// }

export default Vue.extend({
    name: "app",
    metaInfo() {
        return {
            title: "中国机电产品（尼日利亚）展览会（Premium Mechatronic Brands China)",
            link: [{
                    rel: "stylesheet",
                    href: "https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.1/theme-chalk/index.css"
                },
                {
                    rel: "favicon",
                    href: "favicon.ico"
                }
            ],
            meta: [{
                charset: "utf-8"
            }]
        };
    }
});
</script>
<style lang="less" scoped>
</style>
